$(function() {
    render.menu(); //菜单
    render.logo_click(); //图标的点击
    render.menu_mouseover(); //鼠标覆盖菜单
    render.menu_mouseout(); //鼠标离开菜单
    render.menu_li_mouseover(); //鼠标覆盖菜单列
    render.menu_li_mouseout(); //鼠标离开菜单列
});
// var homeURL1 = 'http://localhost:8080';
var homeURL1 = 'http://uneven.live:8080';
var loginURL = homeURL1 + '/login';
var sloginURL = homeURL1 + '/login/islogin';
var render = {
    menu: function() {
        $('#menu').append('<div id="header1">' +
            '<ul>' +
            '<li id="logo"><img src="../static/picture/logo.png" style="width:190px;"/></li>' +
            '<li class="li_padding"><a href="' + homeURL1 + '/purchase' + '">我的预订</a></li>' +
            '<li class="li_padding"><a href="#">服务指南</a></li>' +
            '<li class="li_padding"><a href="#">充值中心</a></li>' +
            '<li class="li_padding"><a href="#">关于</a></li>' +
            '</ul>' +
            '</div>' +
            '<div id="header2">' +
            '<ul>' +
            '</ul>' +
            '</div>');
        $.ajax({
            type: "POST",
            url: sloginURL,
            success: function(data) {
                if (data.Code == 1) {
                    $('#header2').find('ul').append('<li ><a href="' + loginURL + '">登录</a></li>' +
                        '<li ><a href="#">注册</a></li>');
                } else {
                    $('#header2').find('ul').append('<li ><a href="#">个人中心</a></li>' +
                        '<li ><a href="#">注册</a></li>');
                }
                $('#header2').find('a').addClass('li_a_color');
                $('#header2').find('li').mouseover(function() {
                    $(this).find('a').addClass('li_a_overcolor');
                });
                $('#header2').find('li').mouseout(function() {
                    $(this).find('a').removeClass('li_a_overcolor');
                });

            },
            fail: function() {
                layer.alert("无法连接服务器！");
            }
        });

        $('#menu').find('a').addClass('li_a_color');
    },

    menu_mouseover: function() {
        $('#menu').mouseover(function() {
            $('#menu').addClass('bg_color_over');
        });
    },

    menu_mouseout: function() {
        $('#menu').mouseout(function() {
            $('#menu').removeClass('bg_color_over');
        });
    },

    menu_li_mouseover: function() {
        $('#menu').find('li').mouseover(function() {
            $(this).find('a').addClass('li_a_overcolor');
        });
    },

    menu_li_mouseout: function() {
        $('#menu').find('li').mouseout(function() {
            $(this).find('a').removeClass('li_a_overcolor');
        });
    },

    logo_click: function() {
        $('#logo').click(function() {
            location.href = homeURL1;
        });
    },
}